﻿@{
    ViewBag.Title = "BrandDetail";
    Layout = "~/Areas/Admin/Views/Shared/_AdminLayout.cshtml";
}
@model XukaShop.Models.Entities.Brand

@section Breadcrumbs
{
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-home"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href="@Url.Action("Index", "Dashboard")"><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="@Url.Action("Index", "Dashboard")">Trang chủ</a></li>
                <li><a href="@Url.Action("Index", "Brand")">Danh sách nhãn hàng</a></li>
            </ul>
            <h4>Chi tiết nhãn hàng</h4>
        </div>
    </div>
}

@section MenuBar
{
    <h5 class="leftpanel-title">Menu</h5>
    <ul class="nav nav-pills nav-stacked">
        <li><a href="@Url.Action("Index", "Dashboard")"><i class="fa fa-home"></i><span>Trang chủ</span></a></li>
        <li><a href="@Url.Action("Index", "Order")"><i class="glyphicon glyphicon-shopping-cart"></i><span class="pull-right badge">5</span><span>Đặt hàng</span></a></li>
        <li><a href="@Url.Action("Index", "Message")"><i class="glyphicon glyphicon-envelope"></i><span class="pull-right badge">5</span><span>Tin nhắn</span></a></li>
        <li class="parent active"><a href="#"><i class="fa fa-file-text"></i><span>Sản phẩm</span></a>
            <ul class="children">
                <li><a href="@Url.Action("ProductList", "Product")">Tất cả sản phẩm</a></li>
                <li><a href="@Url.Action("NewProduct", "Product")">Sản phẩm mới</a></li>
                <li><a href="@Url.Action("CommingSoonProduct", "Product")">Sản phẩm sắp có</a></li>
                <li class="active"><a href="@Url.Action("Index", "Brand")">Nhãn hàng</a></li>
            </ul>
        </li>
        <li><a href="@Url.Action("Index", "Promotion")"><i class="glyphicon glyphicon-bullhorn"></i><span>Giảm giá</span></a></li>
        <li><a href="@Url.Action("MemberList", "Member")"><i class="glyphicon glyphicon-user"></i><span>Thành viên</span></a></li>
        <li class="parent"><a href="#"><i class="fa fa-file-text"></i><span>Quản lý chung</span></a>
            <ul class="children">
                <li><a href="@Url.Action("Index", "Banner")">Banners</a></li>
            </ul>
        </li>
    </ul>
}
<div class="row">
    <div class="col-sm-12 col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">Chi tiết nhãn hàng</h4>
            </div>
            <div class="panel-body nopadding">
                <form class="form-horizontal form-bordered" id="frmProductBrand">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">Tên nhãn hàng</label>
                        <div class="col-sm-8">
                            @Html.TextBoxFor(model => model.BrandName, null, new { @class = "form-control", @id = "txtBrandName" })
                        </div>
                    </div>
                    @Html.HiddenFor(model => model.Id, new { @class = "form-control", @id = "txtBrandId" })
                </form>
            </div>
            <div class="panel-footer">
                <div class="row">
                    <div class="col-sm-12">
                        <button class="btn btn-primary mr5" id="btnSaveGeneralInfo" type="button" onclick="saveBrandInfo()">Lưu</button>
                        @Html.ActionLink("Quay lại", "Index", "Brand", new { @class = "btn btn-dark" })
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    jQuery(document).ready(function () {
        // Basic Form
        jQuery("#frmProductBrand").validate({
            rules: {
                BrandName: {
                    required: true,
                    minlength: 1,
                    maxlength: 50
                }
            },
            messages: {
                BrandName: {
                    required: "Xin hãy nhập tên cho nhãn hàng sản phẩm!",
                    minlength: "Nhãn hàng sản phẩm có ít nhất 1 ký tự",
                    maxlength: "Nhãn hàng sản phẩm có nhiều nhất 50 ký tự"
                }
            },
            highlight: function (element) {
                jQuery(element).closest('.form-group').removeClass('has-success').addClass('has-error');
            },
            success: function (element) {
                jQuery(element).closest('.form-group').removeClass('has-error');
                jQuery(element).remove();
            }
        });
    });

    function saveBrandInfo() {
        if (jQuery("#frmProductBrand").valid()) {
            addFrm = $('#frmProductBrand').val();
            var brandName = $('#txtBrandName', addFrm).val();
            var brandId = $('#txtBrandId', addFrm).val();
            if (brandId == 0 || brandId == "") {
                $.ajax({
                    url: '/Brand/CreateBrand/',
                    data: { brandName: brandName },
                    type: 'post',
                    cache: false,
                    success: function (data) {
                        if (data == "@XukaShop.Common.CommonConst.SUCCESSFUL") {
                            showMessageCreateSuccess();
                        }
                        if (data == "@XukaShop.Common.CommonConst.FAIL") {
                            showMessageCreateFail();
                        }
                        if (data == "@XukaShop.Common.CommonConst.EXISTED") {
                            showMessageCreateExisted();
                        }
                    },
                    error: function () {
                        showMessageCreateFail()
                    }
                });
            }
            else {
                $.ajax({
                    url: '/Brand/EditBrand/',
                    data: { brandId: brandId, brandName: brandName },
                    type: 'post',
                    cache: false,
                    success: function (data) {
                        if (data == "@XukaShop.Common.CommonConst.SUCCESSFUL") {
                            showMessageCreateSuccess();
                        }
                        if (data == "@XukaShop.Common.CommonConst.FAIL") {
                            showMessageCreateFail();
                        }
                        if (data == "@XukaShop.Common.CommonConst.EXISTED") {
                            showMessageCreateExisted();
                        }
                    },
                     error: function () {
                         showMessageCreateFail()
                     }
                 });
            }
        }
    }

    function showMessageCreateSuccess() {
        jQuery.gritter.add({
            title: 'Thành công!',
            text: 'Tạo mới thành công nhãn hàng cho sản phẩm!',
            class_name: 'growl-success',
            sticky: false,
            time: '1000'
        });
        return false;
    }

    function showMessageCreateExisted() {
        jQuery.gritter.add({
            title: 'Thất bại!',
            text: 'Tên sản phẩm của bạn đã tồn tại trong cơ sở dữ liệu!',
            class_name: 'growl-warning',
            sticky: false,
            time: '1000'
        });
        return false;
    }

    function showMessageCreateFail() {
        jQuery.gritter.add({
            title: 'Thất bại!',
            text: 'Không thể tạo nhãn hàng cho sản phẩm! Xin hãy thử lại!',
            class_name: 'growl-danger',
            sticky: false,
            time: '1000'
        });
        return false;
    }
</script>
